<template>
	<view class="bg-white u-margin-left-30 u-margin-right-30 u-margin-bottom-30 u-padding-30 u-border-radius-10">
		<view class="area-bg u-color-333333">
			<view>
				<text class="bold">申请人所在城市：</text>
				<text class="u-font-weight-500">{{information.city}}</text>
			</view>
			<view class="u-margin-top-15">
				<text class="bold">申请人当前年龄：</text>
				<text class="u-font-weight-500">{{information.age}}</text>
			</view>
			<view>
				<view class="bold u-margin-top-15">
					申请人资产情况：
				</view>
				<view class="nr u-margin-top-15">
					{{information.balance_situation}}
				</view>
			</view>
			<view>
				<view class="bold u-margin-top-15">
					申请人征信情况：
				</view>
				<view class="nr u-margin-top-15">
					{{information.credit_information}}
				</view>
			</view>
			<view class="bold u-padding-right-10">详细情况 :</view>
			<view class="u-padding-top-10">
				{{information.additional_information}}
			</view>

		</view>
		<view class="u-flex u-color-666666 xs u-margin-top-25 ">
			<view class="u-flex-1">{{information.create_time}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			information: {
				default: () => {}
			}
		}
	}
</script>

<style scoped lang="scss">
	.area-bg{
		position: relative;
		
		&:before{
			top: 5%;
			right: 5%;
			content: ' ';
			width: 150rpx;
			height: 150rpx;
			position: absolute;
			background: url('https://resource.lanbaozixun.com/uploads/images/2025010713501876f1e9072.png') no-repeat 100%;
			background-size: 100% 100%;
			transform: rotateZ(-15deg);
		}
	}
</style>